<!--
 * @Description: 
 * @Author: 史迪仔
 * @Date: 2024-11-01 10:52:05
 * @LastEditors: 史迪仔
 * @LastEditTime: 2024-11-04 15:46:37
-->
<!-- 告诉浏览器Html -->
<!DOCTYPE html>
<!-- 语言English -->
<html lang="en">
<!-- 文档的头部 在网页视口区看不到-->
<head>
    <!-- 信息标签 字符编码格式 -->
    <meta charset="UTF-8">
    <!-- 可使用宽度为视口宽度，初始默认缩放比例为1 -->
    <meta name="viewport" 
    content="width=device-width, initial-scale=1.0">
    <!-- 文档的标题 -->
    <title>史迪仔牛逼哄哄的</title>
    <!-- 设置选项卡图标 -->
    <link rel = "icon" href="..\day46\img\屏幕截图 2024-11-01 114445.png"
    tupe="image/png">
</head>
<!-- 文档主体 -->
<body>
    <div>hello,world</div>
    <div>hello,world</div>
    hello <br> world
    <img src="..\day46\img\屏幕截图 2024-11-01 114445.png"width="88"height="88">
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <a href="https://baidu.com">百度一下也不知道</a>
    <a href="https://baidu.com">百度一下也不知道</a>
    <a href="https://baidu.com">百度一下也不知道</a>
    <p>段落</p>
    <p>段落</p>
    <h3>注册</h3>
        <form action="">
            <div>
                用户名：<input class="formlnput"type="text"name="username">
            </div> 
            <div>
                密码：<input class="formlnput"type ="password" name="password">
            </div>
            <div>
                性别：
                <label for = "genderNan">
                男<input id ="genderNan"type ="radio" name="gender" vaule="男">
                </label>
                
                女<input type ="radio" name="gender" vaule="女">
            </div>
            <div>
                爱好：
                篮球<input type ="checkbox" name="like" vaule="篮球">
                足球<input type ="checkbox" name="like" vaule="足球">
                乒乓球<input type ="checkbox" name="like" vaule="乒乓球">
                学习<input type ="checkbox" name="like" vaule="学习">
            </div>
            <div>
                城市：
                <select name="city">
                    <option value="">请选择</option>
                    <option value="北京">北京</option>
                    <option value="上海">上海</option>
                    <option value="内蒙古">内蒙古</option>
                </select>
            </div>   
            <div>
                生日：
                <input type="date"name="birth" >
            </div>
            <div>
                个人介绍：
                <textarea name ="info"cols="30"row="5"></textarea>
            </div>
            <div>
            <input type ="button" value="注册">
            </div>
            <!-- 如果需要其他功能 要绑定事件 -->
            <div>
                <input type ="button"value="普通按钮">
                <input type ="submit"value="提交按钮">
                <input type ="reset"value="重置按钮">
            </div>
        </form>
        <!-- 在当前页面嵌入其他页面 -->
        <iframe src="http://127.0.0.1:5500/day46/index1.html"frameborder="0"></iframe>
        <!-- 天气 -->
        <iframe src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1"frameborder="0"></iframe>
        <!-- 表格 -->
        <table>
            <caption>表名</caption>
            <!-- 表头 -->
            <thead>
            <!-- 列 -->
            <th>标题1</th>
            <th>标题2</th>
            <th>标题3</th>
            <th>标题4</th>
            <!-- 行 -->
            </thead>
            <!-- 表体 -->
            <tbody>
                <!-- 行 -->
                <tr>
                    <!-- 列 -->
                    <td>11</td>
                    <td>12</td>
                    <td>13</td>
                    <td>14</td>
                </tr>
                <!-- 行 -->
                <tr>
                    <!-- 列 -->
                    <td>21</td>
                    <td>22</td>
                    <td>23</td>
                    <td>24</td>
                </tr>
        </table>
</body>
<!-- 文档结束标签 -->
</html>